define(function(require, exports, module) {
	
	var $ = require("jquery1.7");
	
	var Jcrop = require("Jcrop");
	
	var imageCutService = require("bean/imageCutService");
	
	$("#xuwanting").Jcrop({
        onChange:showPreview,
        onSelect:showPreview,
        aspectRatio:1
    });	
    //简单的事件处理程序，响应自onChange,onSelect事件，按照上面的Jcrop调用
    function showPreview(coords){
    	$("#x").val(coords.x);
    	$("#y").val(coords.y);
    	$("#w").val(coords.w);
    	$("#h").val(coords.h);
        if(parseInt(coords.w) > 0){
        	
            //计算预览区域图片缩放的比例，通过计算显示区域的宽度(与高度)与剪裁的宽度(与高度)之比得到
            var rx = $("#preview_box").width() / coords.w; 
            var ry = $("#preview_box").height() / coords.h;
            //通过比例值控制图片的样式与显示
            $("#crop_preview").css({
                width:Math.round(rx * $("#xuwanting").width()) + "px",	//预览图片宽度为计算比例值与原图片宽度的乘积
                height:Math.round(rx * $("#xuwanting").height()) + "px",  //预览图片高度为计算比例值与原图片高度的乘积
                marginLeft:"-" + Math.round(rx * coords.x) + "px",
                marginTop:"-" + Math.round(ry * coords.y) + "px"
            });
        }
    }
    
    $(".cutimage-submit").live("click",function(){
    	alert(parseInt($("#x").val()));
    	if(parseInt($("#x").val())){
    		var w = $("#w").val();
        	var h = $("#h").val();
        	var x = $("#x").val();
        	var y = $("#y").val();
        	
        	targetImage = imageCutService.abscut("sourceImage","targetImage",0,x,y,w,h);
        	
        		alert(targetImage);
        
    	}else{
    		alert("未选中区域...");
    	}
    	

    	
    	
    });
	
});